{% extends 'frame/base.html' %} {% load staticfiles %} {% block title_block %} 任务列表 {% endblock %}
{% block mystyle_css %}
    <style type="text/css">
        .todo-list > li p {
            width: 100%;
            padding: 15px 0 10px 35px;
        }
    </style>
{% endblock %} {% block body_block %}
    <div class="modal fade" style="z-index: 10000;" id="edit_modal" tabindex="-1" role="dialog"
         aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title">任务编辑</h4>
                </div>
                <div class="modal-body col-md-12">
                    <div class="col-md-12 row_wrapper">
                        <label class="control-label col-md-2 text-primary" for="edit_task_name">任务名称：</label>
                        <div class="col-md-10">
                            <input type="text" class="form-control" id="edit_task_name"
                                   aria-describedby="inputSuccess3Status" name="project_name" placeholder="请输入任务名称"
                                   value="">
                        </div>
                    </div>
                    <div class="col-md-12 row_wrapper">
                        <label class="control-label col-md-2 text-primary" for="edit_env_name">所属环境：</label>
                        <div class="col-md-10">
                            <select type='select' name="env_name" class="form-control"
                                    id="edit_env_name">
                                <option value="-1">请选择</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-12 row_wrapper">
                        <label class="control-label col-md-2 text-primary" for="edit_project_name">所属项目：</label>
                        <div class="col-md-10">
                            <select type='select' name="project_name" class="form-control" id="edit_project_name">
                                <option value="-1">请选择</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-12 row_wrapper">
                        <label class="control-label col-md-2 text-primary" for="edit_module_name">所属模块：</label>
                        <div class="col-md-10">
                            <select type='select' name="module_name" class="form-control" id="edit_module_name">
                                <option value="-1">请选择</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-12 row_wrapper">
                        <label class="control-label col-md-2 text-primary" for="edit_receiver_email">接收邮箱：</label>
                        <div class="col-md-10">
                            <input type="text" rows="3" class="form-control" id="edit_receiver_email"
                                   name="receiver_email" aria-describedby="inputSuccess3Status" placeholder="请输入企业邮箱（多个邮箱以;间隔）">
                        </div>
                    </div>
                    <div class="col-md-12 row_wrapper">
                        <label class="control-label col-md-2 text-primary" for="edit_module_list">用例列表：</label>
                        <div class="col-md-10">
                            <select id="edit_case_list" name="edit_case_list" class="form-control" multiple="multiple">
                            </select>
                        </div>
                    </div>
                    <div class="col-md-12 row_wrapper">
                        <label class="control-label col-md-2 text-primary" for="edit_start_time">定时配置：</label>
                        <div class="col-md-10">
                            <input type="text" rows="3" class="form-control" id="edit_start_time" name="edit_start_time"
                                   aria-describedby="inputSuccess3Status" placeholder="请选择任务开始执行时间" readonly>
                            <div style="margin:10px 0px 10px 0px">
                                <button type="button" class="btn btn-danger btn-sm" id="edit_is_loop" value=false>不循环
                                </button>
                                天:<select id="edit_interval_day" class="interval" disabled></select>
                                小时:<select id="edit_interval_hour" class="interval" disabled></select>
                                分钟:<select id="edit_interval_minute" class="interval" disabled></select>
                            </div>
                        </div>
                    </div>
                    <input id="edit_task_id" style="display: none;"/>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" id="submit_modify">提交更改</button>
                </div>
            </div>
        </div>
    </div>

    <div class="main">
        <!-- MAIN CONTENT -->
        <div class="main-content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-12">
                        <div class="panel">
                            <div class="panel-heading">
                                <span class="ion-md-flag" id="title">任务列表</span>
                                <a class="ion-md-add btn btn-sm font-white" id="add_task"> 新增任务</a>
                                <a class="ion-ios-bug btn btn-sm font-white" id="excute" style="display: none;"> 运行</a>
                            </div>
                            <hr style="FILTER: alpha(opacity=100,finishopacity=0,style=3);margin-top: 0px;" width="100%"
                                color=#987cb9 SIZE=3>
                            <div id="search-bar" class="row">
                                <div class="col-sm-2 col-md-1 col-lg-1 input">
                                    <select id="search_project" name="search_project" class="form-control">
                                        <option value="-1" selected>项目名称</option>
                                    </select>
                                </div>
                                <div class="col-sm-2 col-md-1 col-lg-1 input">
                                    <select id="search_module" name="search_module" class="form-control">
                                        <option value="-1" selected>模块名称</option>
                                    </select>
                                </div>
                                <div class="col-sm-2 col-md-1 col-lg-1 input">
                                    <input type="text" class="form-control" id="search_name" placeholder="任务名称">
                                </div>
                                <a href="#" class="btn btn-sm btn-success search" id="search_btn">搜索</a>
                            </div>
                            <div class="table-responsive" id="task_list_table">
                                <table class="table table-hover">
                                    <thead>
                                    <tr class="success">
                                        <th>
                                            <input type="checkbox" id="select_all"/>
                                        </th>
                                        <th>序号</th>
                                        <th>任务名称</th>
                                        <th>接口状态</th>
                                        <th>运行环境</th>
                                        <th>所属项目</th>
                                        <th>所属模块</th>
                                        <th>定时配置</th>
                                        <th>接收邮箱</th>
                                        <th>用例列表</th>
                                        <th>操作</th>
                                    </tr>
                                    </thead>
                                    <tbody id="task_list_body">
                                    </tbody>
                                </table>
                            </div>
                            <nav aria-label="Page navigation" id="page_navigation_wrapper">
                                <ul class="pagination">
                                    <li id="pre_page_wrapper">
                                        <a aria-label="Previous" id="pre_page" href="#">
                                            <span aria-hidden="true">&laquo;</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a id="page1" style="cursor: pointer;">1</a>
                                    </li>
                                    <li>
                                        <a id="page2" style="cursor: pointer;">2</a>
                                    </li>
                                    <li>
                                        <a id="page3" style="cursor: pointer;">3</a>
                                    </li>
                                    <li>
                                        <a id="page4" style="cursor: pointer;">4</a>
                                    </li>
                                    <li>
                                        <a id="page5" style="cursor: pointer;">5</a>
                                    </li>
                                    <li style="display: none;">
                                        <a id="page_curr">1</a>
                                    </li>
                                    <li id="next_page_wrapper">
                                        <a aria-label="Next" id="next_page" href="#">
                                            <span aria-hidden="true">&raquo;</span>
                                        </a>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="{% static '/frame/js/utils.js' %}"></script>
    <script src="{% static '/api/js/bootstrap-multiselect.js' %}"></script>
    <script src="{% static '/api/js/bootstrap-datetimepicker.min.js' %}"></script>
    <script src="{% static '/frame/js/pageIndicator.js' %}"></script>
    <script src="{% static '/frame/js/router.js' %}"></script>
    <script src="{% static '/api/js/netutils.js' %}"></script>
    <script src="{% static '/api/js/task_list.js' %}"></script>
    <link rel="stylesheet" href="{% static '/api/css/bootstrap-multiselect.css' %}"/>
    <link rel="stylesheet" href="{% static '/api/css/bootstrap-datetimepicker.min.css' %}"/>
    <link rel="stylesheet/less" href="{% static '/api/less/task_list.less' %}"/>
    <!-- END MAIN CONTENT -->
{% endblock %}